/***header logo ****/
.def_header_logo a {
  color: var(--title_color);
  font-family: var(--title_font_family);
  font-style: var(--title_font_style);
  font-weight: var(--title_font_weigth);
  letter-spacing: var(--title_letter_spacing);
  display: flex;
  align-items: center;
  margin: 15px 0;
}

.def_header_logo a span{
  display: none;
}
@media screen and (min-width: 768px) {
  .def_header_logo a span.pc{
    display:flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .def_header_logo a span.yd{
    display:flex;
    align-items: center;
  }
}